.dd-index {
  // background-color: #fff;
  min-height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;

  .dd-index-top {
    width: 100vw;
    height: 1.173333rem;
    display: flex;
    align-items: center;
    background-color: #fff;

    i.iconfont.icon-tubiaozhizuomoban {
      width: 1.386667rem;
      height: 1.173333rem;
      line-height: 1.173333rem;
      font-size: 0.8rem;
      color: red;
      text-align: center;
      flex: 1;
    }

    i.iconfont.icon-caidan {
      width: 1.386667rem;
      height: 1.173333rem;
      line-height: 1.173333rem;
      text-align: center;
      font-size: 0.533333rem;
      flex: 1;
    }
  }

  .dd-index-cart {
    width: 100vw;
    height: 4.106667rem;
    border-bottom: 1px solid #ccc;
    background-color: white;

    .am-grid-item .am-grid-item-inner-content .am-grid-icon {
      width: 2rem !important;
      height: 2.026667rem !important;
    }
  }

  .dd-index-miaosha {
    .miaosha-title {
      width: 100vw;
      height: 1.093333rem;

      img {
        width: 100%;
        height: 100%;
      }
    }

    .miaosha-content {
      .content-lastTime {
        width: 100%;
        height: 1.333333rem;
        background-color: #fff;
        text-align: center;
        display: flex;
        justify-content: center;

        .time-t {
          display: block;
          width: 0.506667rem;
          height: 0.666667rem;
          line-height: 0.666667rem;
          float: left;
          background-color: #323232;
          color: #fff;
          border-radius: 0.106667rem;
        }

        .time-d {
          float: left;
          margin: 0.133333rem;
        }


        .time-second {
          background-color: #f3344a;
        }
      }
      ::-webkit-scrollbar {display:none}

      .content-list {
        width: 100%;
        height: 5.7rem;
        background: #fff;
        touch-action: pan-x;
        overflow-x: scroll;
        .list-item-box {
          display: flex;
          width: 28.15rem;
          height: 5.7rem;
          touch-action: pan-x;
          overflow-x: scroll;
          

          .content-list-item {
            width: 2.56rem;
            height: 2.826667rem;
            margin: 0 0.133333rem;

            .img-box {
              width: 2.56rem;
              height: 2.826667rem;

              img {
                width: 100%;
                height: 100%;
              }
            }

            .item-name {
              font-size: 0.32rem;
              color: #323232;
              margin-top: 0.32rem;
              display: -webkit-box;
              overflow: hidden;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
            }

            .item-salePrice {
              font-size: 0.426667rem;
              color: #f3344a;
            }

            .item-originPrice {
              font-size: 0.373333rem;

              color: #bababa;
              text-decoration: line-through;
            }
          }
        }
      }
    }
  }

  .dd-index-banner1 {
    width: 100%;
    height: 2.666667rem;
    margin-bottom: 0.266667rem;

    img {
      width: 100%;
      height: 100%;
    }
  }

  .dd-index-books {
    background-color: #fff;
    margin-bottom: 0.266667rem;

    .big-title {
      width: 100%;
      height: 1.093333rem;

      img {
        width: 100%;
        height: 100%;
      }
    }

    .sub-title {
      display: flex;
      justify-content: center;
      width: 100%;
      background: #fff;

      i.iconfont {
        font-size: 10px;
        margin-left: 0.133333rem;
        margin-right: 0.266667rem;
      }
    }

    .title-img1 {
      width: 100%;
      height: 2.666667rem;
      margin-top: 0.133333rem;

      img {
        width: 100%;
        height: 100%;
      }
    }

    .books-list {
      width: 100vw;
      background-color: #fff;
      border-bottom: 1px solid #ccc;

      .books-list-item {
        .am-grid-item-content {
          width: 3.333333rem;
          height: 4.16rem;
        }
      }
    }
  }

  .dd-index-clothes {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.266667rem;

    .big-title {
      width: 100%;
      height: 1.093333rem;

      img {
        width: 100%;
        height: 100%;
      }
    }

    .sub-title {
      display: flex;
      justify-content: center;
      width: 100%;
      background: #fff;

      i.iconfont {
        font-size: 10px;
        margin-left: 0.133333rem;
        margin-right: 0.266667rem;
      }
    }

    .title-img1 {
      width: 100%;
      height: 2.666667rem;
      margin-top: 0.133333rem;

      img {
        width: 100%;
        height: 100%;
      }
    }

    .clothes-list {
      width: 100%;

      .clothes-list-item1 {
        width: 100%;
        height: 4.586667rem;
        display: flex;

        .item1-left {
          flex: 1;
          height: 4.586667rem;
          border-right: 1px solid #ccc;
          border-bottom: 1px solid #ccc;
          display: flex;

          .left-title {
            padding: 0.266667rem 0 0 0.266667rem;

            h2 {
              width: 1.493333rem;
              font-size: 0.373333rem;
              color: #323232;
              margin-bottom: 0.08rem;
            }

            p {
              width: 1.493333rem;
              font-size: 0.32rem;
              color: #c72895
            }
          }

          .left-img {
            margin-top: 1.28rem;

            img {
              width: 3.226667rem;
              height: 3.226667rem;
            }
          }
        }

        .item1-right {
          flex: 1;
          height: 4.586667rem;

          .right-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 2.293333rem;
            border-bottom: 1px solid #ccc;

            .top-title {
              width: 70px;
              padding-left: 0.266667rem;

              h2 {
                width: 1.866667rem;
                font-size: 0.373333rem;
                color: #323232;
                margin-bottom: 0.08rem;
              }

              p {
                width: 1.866667rem;
                font-size: 0.32rem;
                color: #c72895
              }
            }

            .top-img {
              img {
                width: 2.106667rem;
                height: 2.106667rem;
              }
            }
          }


        }
      }

      .clothes-list-item2 {
        height: 2.266667rem;
      }

      .clothes-list-item3 {
        height: 3.386667rem;
        display: flex;

        .item3-box {
          flex: 1;
          border-right: 1px solid #ccc;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-around;

          .top-title {
            h2 {
              width: 1.866667rem;
              font-size: 0.373333rem;
              color: #323232;
              margin-bottom: 0.08rem;
            }

            p {
              width: 1.866667rem;
              font-size: 0.32rem;
              color: #c72895
            }
          }

          .top-img {
            img {
              width: 2rem;
              height: 2rem;
            }
          }
        }
      }
    }
  }

  .dd-index-food {
    background-color: #fff;

    .big-title {
      width: 100%;
      height: 1.093333rem;

      img {
        width: 100%;
        height: 100%;
      }
    }

    .sub-title {
      display: flex;
      justify-content: center;
      width: 100%;
      background: #fff;

      i.iconfont {
        font-size: 10px;
        margin-left: 0.133333rem;
        margin-right: 0.266667rem;
      }
    }

    .title-img1 {
      width: 100%;
      height: 2.666667rem;
      margin-top: 0.133333rem;

      img {
        width: 100%;
        height: 100%;
      }
    }

    .food-list {
      width: 100%;
      margin-bottom: 0.266667rem;

      .food-list-item1 {
        width: 100%;
        height: 2.293333rem;
        display: flex;

        .item1-right {
          flex: 1;
          height: 4.586667rem;

          .right-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 2.293333rem;
            border-bottom: 1px solid #ccc;

            .top-title {
              width: 70px;
              padding-left: 0.266667rem;

              h2 {
                width: 1.866667rem;
                font-size: 0.373333rem;
                color: #323232;
                margin-bottom: 0.08rem;
              }

              p {
                width: 1.866667rem;
                font-size: 0.32rem;
                color: #6770f2
              }
            }

            .top-img {
              img {
                width: 2.106667rem;
                height: 2.106667rem;
              }
            }
          }
        }
      }

      .food-list-item2 {
        height: 3.386667rem;
        display: flex;

        .item2-box {
          flex: 1;
          border-right: 1px solid #ccc;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-around;

          .top-title {
            h2 {
              width: 1.866667rem;
              font-size: 0.373333rem;
              color: #323232;
              margin-bottom: 0.08rem;
            }

            p {
              width: 1.866667rem;
              font-size: 0.32rem;
              color: #6770f2
            }
          }

          .top-img {
            img {
              width: 2rem;
              height: 2rem;
            }
          }
        }
      }
    }
  }

  .dd-index-like {
    width: 100%;

    .like-title {
      height: 0.48rem;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0.266667rem 0;

      i.iconfont.icon-icon-test-copy {
        font-size: 0.32rem;
        color: #f3344a;
      }

      em {
        font-size: 0.32rem;
        margin-left: 5px;
        color: #313c47;
      }
    }

    .like-list {
      min-height: 1px;

      .like-list-item:nth-of-type(odd) {
        margin-right: 0.133333rem;
      }

      .like-list-item {
        width: 4.933333rem;
        height: 7.2rem;
        float: left;
        background-color: #fff;
        margin-bottom: 0.133333rem;
        padding-left: 0.133333rem;

        .imgBox {
          img {
            width: 4.8rem;
            height: 4.96rem;
          }
        }

        .itemTitle {
          display: -webkit-box;
          overflow: hidden;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          height: 0.826667rem;
          font-size: 0.346667rem;
          color: #232323;
          padding-right: 0.133333rem;
          margin-top: 0.08rem;
          margin-bottom: 0.213333rem;
        }

        .productTags {
          border: 1px solid #f2303c;
          color: #f2303c;
          border-radius: 2px;
          margin-right: 0.08rem;
        }

        .TagsActive {
          background: #f2303c;
          color: #ffffff;
          margin-right: 0.08rem;
          border-radius: 2px;
        }

        .itemPrice {
          color: #e53e30;
          margin-top: 0.266667rem;

          em {
            font-size: 0.4rem;
          }
        }
      }
    }

    .cart-fixed-box-none {
      flex-direction: column;
      width: 1.226667rem;
      height: 1.226667rem;
      position: fixed;
      bottom: 2rem;
      right: 1rem;
      display: none;
      z-index: 99;
      background-color: pink;
      border-radius: 50%;
      border: 1px solid #bbb;

      .iconfont.icon-dingbu {
        display: block;
        text-align: center;
        line-height: 1.226667rem;
        font-size: 1.066667rem;
        color: #BBBEC3;
      }
    }

  }

  .dd-index-footerMsg {
    width: 100%;
    height: 0.64rem;
    text-align: center;

    em {
      color: #4D525D
    }
  }

  .footer-item {
    padding: 0 0.666667rem;
    color: #4D525D;
    border-top: 1px solid #ddd;
    margin-bottom: 0.533333rem;

    .lgt {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #ddd;
      height: 1.333333rem;
      line-height: 1.333333rem;

      .lg {
        em {
          margin-right: 0.266667rem;
          font-size: 0.373333rem;
        }
      }

      .top {
        font-size: 0.373333rem;

        .icon-shangjiantou {
          font-weight: 800;
        }
      }

    }

    .computer-edition {
      display: flex;
      justify-content: space-between;
      padding: 0 2.133333rem;
      margin-top: 0.266667rem;
      margin-bottom: 0.266667rem;

      span {
        text-decoration: none;
        color: #4D525D;
        margin-right: 0.266667rem;
      }
    }

    .footer-msg {
      text-align: center;
      margin-top: 0.106667rem;
    }
  }

  .index-fixed-box-block {
    flex-direction: column;
    width: 1.226667rem;
    height: 1.226667rem;
    position: fixed;
    bottom: 2rem;
    right: 1rem;
    display: block;
    z-index: 99;
    background-color: #eee;
    border-radius: 50%;
    border: 1px solid #bbb;

    .iconfont.icon-dingbu {
      display: block;
      text-align: center;
      line-height: 1.226667rem;
      font-size: 1.066667rem;
      color: #BBBEC3;
    }
  }
}